<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ezcomp="http://java.sun.com/jsf/composite/ezcomp">
    <style type="text/css">
        .canc{
            background-image: url("../resources/images/ajax_small.gif");
        }        
        .foot{
            text-align: left;            
        }
    </style> 
    <body>
        <ui:composition template="../plantilla/Plantilla_ventas.xhtml">
            <ui:define name="top">
                <ui:include src="../plantilla/top.xhtml" />
            </ui:define>    
            <!--ui:define name="left">
                <ui:include src="../plantilla/left.xhtml" />
            </ui:define-->
            <ui:define name="content">                

                <table id="datos" width="700" border="0" align="center" cellspacing="0" cellpadding="0">

                    <tr>                                                             


                        <td colspan="2">

                            <table  border="0" cellspacing="0" cellpadding="0" align="center">
                                <tr>
                                    <!--td width="12"></td-->
                                    <td><div><span>                                                           
                                                <br/>

<script type="text/Javascript">
function soloLetras(e) {
    key = e.keyCode || e.which;
    tecla = String.fromCharCode(key).toLowerCase();
    letras = "áéíóúabcdefghijklmnñopqrstuvwxyz";
    especiales = [8, 37, 39, 46, 7];

    tecla_especial = false
    for(var i in especiales) {
        if(key == especiales[i]) {
            tecla_especial = true;
            break;
        }
    }

    if( letras.indexOf(tecla) == -1 || tecla_especial)
        return false;
}

function soloNumeros(e) {
   
    tecla = (document.all) ? e.keyCode : e.which;
    if (tecla==8) return true; //Tecla de retroceso (para poder borrar)
    if (tecla==46) return true; //punto ( En este caso para diferenciar los decimales )
    if (tecla==48) return true;
    if (tecla==49) return true;
    if (tecla==50) return true;
    if (tecla==51) return true;
    if (tecla==52) return true;
    if (tecla==53) return true;
    if (tecla==54) return true;
    if (tecla==55) return true;
    if (tecla==56) return true;
    patron = /1/; 
    te = String.fromCharCode(tecla);
    return patron.test(te);
} 
</script>
                                                
                                                <p:dialog id="modalDialogBuscar" style="text-align: left!important" appendToBody="true" header="Buscar cliente" widgetVar="dl_cliente" modal="true" resizable="false"
                                                          showEffect="clip" hideEffect="fold">
                                                    <ezcomp:clientesVentasComposite />
                                                        <h:outputLabel for="buscar" value="Buscar:  " />  
                                                    <p:inputText id="busqueda" value="" label="Buscar: " size="15" />&nbsp;  
                                                    <p:commandButton type="button" value="Buscar" icon="ui-icon-search"/>                                                                                                        

                                                </p:dialog>
                                                <p:dialog id="modalDialogBuscarCat" style="text-align: left!important" appendToBody="true" header="Buscar empleado" widgetVar="dl_empleado" modal="true" resizable="false"
                                                          showEffect="clip" hideEffect="fold">
                                                    <ezcomp:empleadosComposite />
                                                    <h:outputLabel for="buscar" value="Buscar:  " />  
                                                    <p:inputText id="busqueda1" value="" label="Buscar: " size="15" />&nbsp;  
                                                    <p:commandButton type="button" value="Buscar" icon="ui-icon-search"/>                                                                                                        

                                                </p:dialog>


                                                <p:dialog id="modalDialogBuscar1" style="text-align: left!important" appendToBody="true" header="Buscar productos" widgetVar="dl_buscar" modal="true" resizable="false"
                                                          showEffect="clip" hideEffect="fold">                                                                          
                                                    <ezcomp:productosComposite/>
                                                            <h:outputLabel for="buscar" value="Buscar:  " />  
                                                    <p:inputText id="busqueda2" value="" label="Buscar: " size="15" />&nbsp;  
                                                    <p:commandButton type="button" value="Buscar" icon="ui-icon-search"/>                                                                                                                                                               
                                                </p:dialog>                                                                                                                                                


                                                

                                                <p:fieldset legend="&nbsp;" id="tbl" toggleable="true" toggleSpeed="500" style="text-align: left">

                                                    <h:form>  
                                                        <p:fieldset id="factura" legend="VENTAS" toggleable="true" toggleSpeed="500" style="text-align: left">

                                                            
                                                            <p:messages id="messages" />  
                                                            <p:panelGrid id="panel1" columns="4" style="width:700px">  
                                                                <f:facet name="header">  
                                                                    Datos generales
                                                                </f:facet>  
                                                                <h:outputLabel for="factura" value="Nº de factura:"  />  
                                                                <p:inputText id="factura1" value="" label="factura" size="4" onkeypress="return soloNumeros(event,'e')" />      
                                                                <h:outputLabel for="fecha" value="Fecha:"/>      
                                                                <p:calendar locale="tr" showButtonPanel="true" navigator="true" id="trCal" size="6"/>            
                                                                <h:outputLabel for="cliente" value="Cliente:" />  
                                                                <p:commandButton id="iconOnly" onclick="dl_cliente.show();" icon="ui-icon-search" style="margin-left: 3px">
                                                                    <p:inputText id="cliente" value="" label="cliente" size="20" onkeypress="return soloLetras(event,'e')"/>
                                                                </p:commandButton>
                                                                <h:outputLabel for="empleado" value="Empleado:" />  
                                                                <p:commandButton id="iconOnly1" onclick="dl_empleado.show();" icon="ui-icon-search" style="margin-left: 3px">
                                                                    <p:inputText id="empleado" value="" label="empleado" size="20" onkeypress="return soloLetras(event,'e')"/>
                                                                </p:commandButton>

                                                            </p:panelGrid>  
                                                            <br/>

                                                            <p:messages id="messages1" />  
                                                            <p:panelGrid id="panel2" columns="2" style="width: 700px">  
                                                                <f:facet name="header">  
                                                                    Productos
                                                                </f:facet>  
                                                                <h:outputLabel for="productos" value="Productos:" />
                                                                <p:commandButton id="iconOnly2" onclick="dl_buscar.show();" icon="ui-icon-search" style="margin-left: 3px">
                                                                    <p:inputText id="productos" value="" label="productos" size="20" />
                                                                </p:commandButton>
                                                                <h:outputLabel for="cantidad" value="Cantidad:" />
                                                                <p:inputText id="cantidad" value="" required="true" label="cantidad" size="4" onkeypress="return soloNumeros(event,'e')" />
                                                                <h:outputLabel for="precio" value="Precio:" />  
                                                                <p:inputText id="precio" value="" required="true" label="precio" size="4" onkeypress="return soloNumeros(event,'e')"/>
                                                                <f:facet name="footer">  
                                                                    <p:row>
                                                                        <p:column style="text-align: left!important">
                                                                            <p:commandButton type="button" value="Agregar" icon="ui-icon-check" style="margin:0"/>                                                                                                                                               
                                                                        </p:column>
                                                                    </p:row>
                                                                </f:facet>  
                                                            </p:panelGrid>  
                                                            <br/>                                                    
                                                            <p:dataTable id="dataTable" var="car" value="">    
                                                                <f:facet name="header">  
                                                                    Detalle de la venta
                                                                </f:facet>    
                                                                <p:column style="text-align: center; width: 20px">  
                                                                    <f:facet name="header">  
                                                                        Cant.
                                                                    </f:facet>    
                                                                    <h:outputText value="2" /> <br/>   
                                                                    <h:outputText value="1" />    
                                                                    <!--f:facet name="footer">  
                                                                        Descripcion 
                                                                    </f:facet-->  
                                                                </p:column>  

                                                                <p:column headerText="Concepto">
                                                                    <h:outputText value="Fertilizantes" /> <br/>
                                                                    <h:outputText value="Abono" />
                                                                </p:column>

                                                                <p:column headerText="PU" footerText="S. total" style="text-align: right; width: 20px">
                                                                    <h:outputText value="17" /> <br/>   
                                                                    <h:outputText value="3" />  
                                                                </p:column>  

                                                                <p:column headerText="Total" footerText="37" style="text-align: right; width: 20px">  
                                                                    <h:outputText value="34" /> <br/>   
                                                                    <h:outputText value="3" />  
                                                                </p:column>  

                                                                <f:facet name="footer">  
                                                                    Total a pagar  
                                                                </f:facet>  
                                                            </p:dataTable> 
                                                            <p:commandButton id="btn_save" type="button" value="Guardar venta" icon="ui-icon-disk" style="margin:0"/>                                                                                                                       
                                                            <p:commandButton type="button" onclick="window.location.href='../reporteados/ventasReport.xhtml'; return false" value="Imprimir" icon="ui-icon-print" style="margin:0"/>
                                                            <!--p:commandButton id="btn_imprimir" type="button" value="Imprimir factura" icon="ui-icon-print" style="margin:0">                                                                                                                                                                                                                                   
                                                                <p:printer target="factura" />  
                                                            </p:commandButton-->  

                                                        </p:fieldset>      
                                                    </h:form>
                                                </p:fieldset>      
                                            </span></div></td>
                                    <!--td width="12" height="154">&nbsp;</td-->
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr><td colspan="2">

                        </td></tr>  
                    <tr><td style="text-align: left">


                        </td></tr>
                </table>                             


           


            </ui:define>
            <ui:define name="bottom">
                <ui:include src="../plantilla/bottom.xhtml" />                
            </ui:define>

        </ui:composition>

    </body>

</html>
